<%-- 
    Document   : GioHang
    Created on : Jun 4, 2014, 5:41:36 PM
    Author     : bienphongvnn
--%>
<%@page import="java.util.List"%>
<%@page import="Data.GheNgoi"%>
<%@page import = "javax.servlet.http.HttpSession" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Giỏ hàng</title>
        <link id="theme" rel="stylesheet" type="text/css" href="css/dinhdang.css" title="theme" />
        <link href="bootstrap-3.1.1-dist/bootstrap-3.1.1-dist/css/bootstrap.css" rel="stylesheet"/>
        <link href="css/carousel.css" rel="stylesheet"/>
        <link id="theme" rel="stylesheet" type="text/css" href="css/style.css" title="theme" />
        <link href="css/signin.css" rel="stylesheet">
    </head>
    <body>
        <div id="wrapper">
            <div class = "bd" class="lichsu">
                <div id = "page">
                    <div id="container">
                        <!--  <div class="hd">
                        <!-- Công nghệ bootstrap -->
                        <div id="myCarousel" class="carousel slide" data-ride="carousel">
                            <!-- Indicators -->
                            <ol class="carousel-indicators">
                                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                                <li data-target="#myCarousel" data-slide-to="1"></li>
                                <li data-target="#myCarousel" data-slide-to="2"></li>
                                <li data-target="#myCarousel" data-slide-to="3"></li>
                            </ol>
                            <!--Hình thứ nhất -->
                            <div class="carousel-inner">
                                <div class="item active">
                                    <img src = "images/Information.jpg">
                                    <div class="container">
                                        <div class="carousel-caption">
                                            <h1>WELCOME TO VNRAILWAY</h1>
                                        </div>
                                    </div>
                                </div>
                                <!--Hình thứ 2 -->
                                <div class="item">
                                    <img src = "images/informationtechnology1.jpg">
                                    <div class="container">
                                        <div class="carousel-caption">
                                            <h1 class="dangnhap">INFORMATION TECHNOLOGY</h1>
                                        </div>
                                    </div>
                                </div>
                                <!--Hình thứ 3 -->
                                <div class="item">
                                    <img src = "images/informationtechnology2.jpg">
                                    <div class="container">
                                        <div class="carousel-caption">
                                            <h1 class="dangnhap">WELCOME TO VNRAILWAY</h1>
                                        </div>
                                    </div>
                                </div>
                                <!--Hình thứ 4 -->
                                <div class="item">
                                    <img src = "images/informationtechnology3.jpg">
                                    <div class="container">
                                        <div class="carousel-caption">
                                            <h1 class="dangnhap">INFORMATION TECHNOLOGY</h1>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
                            <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
                        </div><!-- /.carousel -->
                        <div class="bd">
                            <div align = "center">
                                <h1  class = "lichsu">DANH SÁCH GIỎ HÀNG</h1><br>
                                <form action="ThanhToanGheNgoi" method="POST">
                                    <table width="960" border="1" bgcolor="#669900">
                                        <tr>
                                            <td >STT</td> <td>Số hiệu ghế</td> <td>Tình trạng</td> <td>Mã toa</td> <td>Mã tàu</td> <td>Khách hàng</td> <td>Giá vé</td>
                                        </tr>
                                        <%
                                            session = request.getSession();
                                            List<GheNgoi> dsGheNgoi = (List<GheNgoi>) session.getAttribute("GIOHANG");
                                            for(int i = 0; i < dsGheNgoi.size(); i++){
                                        %>
                                        <tr>
                                            <td><%= i + 1 %></td>
                                            <td><%= dsGheNgoi.get(i).getSoHieuGhe() %></td>
                                            <td><%= dsGheNgoi.get(i).getTinhTrang() %></td>
                                            <td><%= dsGheNgoi.get(i).getMaToa() %></td>
                                            <td><%= dsGheNgoi.get(i).getMaTau() %></td>
                                            <td><%= dsGheNgoi.get(i).getMaKhachHang() %></td>
                                            <td><%= dsGheNgoi.get(i).getGiaVe() %></td>
                                        </tr>
                                        <%
                                             }
                                        %>
                                    </table>
                                    <br>
                                    <input type="submit" name="btnDatVe" id="btnDatVe" value="Đặt vé tàu" />
                                    <input type="submit" name="btnHuyDatVe" id="btnHuyDatVe" value="Hủy đặt vé" />
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="bd">

                    </div>
                    <div class="ft"> 
                        <div id="footer"> 
                            <div class="content"> 
                                <p>Thank you for your coming!!! 
                                </p> 
                            </div> 
                        </div>  
                        <div id="container-bottom"></div> 
                    </div>
                </div>
            </div>
        </div>
        <div class="clear"></div>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>	
        <script src="bootstrap-3.1.1-dist/bootstrap-3.1.1-dist/js/bootstrap.min.js"></script>
        <script src="bootstrap-3.1.1-dist/bootstrap-3.1.1-dist/assets/js/docs.min.js"></script>
    </body>
</html>
